<html>
	<head>
		{% load bootstrap3 %}
		{% bootstrap_css %}
		{% bootstrap_javascript %}
		<title> Have a nice day</title>
	</head>
	<body role="document">
		<!--导航栏-->
		<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand" href="/event_manage/"> Salary Manage System</a>
			</div>
			<div id="navbar" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li><a class="active" href="/event_manage/">人员管理</a></li>
					<li><a href="/department_manage/">部门管理</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">{{staff}}</a></li>
					<li><a href="/logout/">退出</a></li>
				</ul>
			</div>
		</div>
		</nav>
		<!--
		<h1>You've been logged in</h1>
		<div style="float:right;">
			<a>hello{{user}}</a><hr/>
		</div>
		-->
		<!--职员列表-->
		<div style="padding-top:80px;">
			<div>
				<table>
					<!--thead标签定义表格的表头-->
					<thead>
						<tr>
							<th>姓名</th><th>工号</th><th>工资</th><th>出生年月</th>
						</tr>
					</thead>
					<tbody>
						{% for staff in staffs %}
						<tr>
							<td>{{staff.name}}</td>
							<td>{{staff.number}}</td>
							<td>{{staff.salary}}</td>
							<td>{{staff.birth_time}}</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
	</body>
</html>